<template>
  <div class="common-layout">
    <el-container>
      <!-- 1.左侧菜单 -->
      <navMenu />
      <el-container>
        <!-- 2.右边头部 -->
        <el-header>
          <navHeader />
        </el-header>
        <!-- 3.右边主内容 -->
        <el-main class="right-main-content">
          <!-- 3.1搜索框 -->
          <searchlist />
          <!-- 3.2顶部筛选 -->
          <topfilter />
          <!-- 3.3推荐酒店 -->
          <recommend />
        </el-main>
      </el-container>
    </el-container>
  </div>
</template>



<script setup>
import navHeader from './navHeader/navHeader.vue'
import navMenu from './navMenu/navMenu.vue'
import searchlist from './navMain/searchlist.vue'
import topfilter from './navMain/topfilter.vue'
import recommend from './navMain/recommend.vue'

</script>

<style scoped></style>
